<template>
  <div class="app-container">
    <div class="createOper">
      <section class="createOper-progress xh-card">
        <dl class>
          <dt class="xh-card-dt">
            <span class="title">新增模型测算</span>
            <div>
              <el-button size="small">取消测算</el-button>
              <el-button size="small">上一步</el-button>
              <el-button size="small" type="primary">下一步</el-button>
            </div>
          </dt>
          <dd>
            <el-steps :active="0" finish-status="success">
              <el-step title="模型参数设置"></el-step>
              <el-step title="数据预测"></el-step>
              <el-step title="历史数据"></el-step>
              <el-step title="数据预测"></el-step>
              <el-step title="测算结果"></el-step>
            </el-steps>
          </dd>
        </dl>
      </section>

      <section class="createOper-body">
        <dl class="operatingrisk-left xh-card">
          <dt class="xh-card-dt">
            <span class="title">模型参数设置</span>
          </dt>
          <dd></dd>
        </dl>
      </section>
    </div>
  </div>
</template>
<script>
export default {
  name: "",
  data() {
    return {};
  },
  watch: {},
  computed: {},
  mounted() {},
  methods: {}
};
</script>
<style lang="scss" scoped>
.createOper {
  &-progress {
    padding-right: 150px;
    ::v-deep .el-step__title {
      position: absolute;
      left: 24px;
      top: 0;
      background-color: #fff;
      padding: 0px 15px;
      line-height: 24px;
      white-space: nowrap;
    }
    dd {
      padding: 20px;
    }
  }
  &-body {
    margin-top: 20px;
  }
}
</style>
